<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>提示</title>
    <script>
    (function(designWidth, maxWidth) {
        var doc = document,
        win = window,
        docEl = doc.documentElement,
        remStyle = document.createElement("style"),
        tid;

        function refreshRem() {
            var width = docEl.getBoundingClientRect().width;
            maxWidth = maxWidth || 540;
            width>maxWidth && (width=maxWidth);
            var rem = width * 100 / designWidth;
            remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
        }

        if (docEl.firstElementChild) {
            docEl.firstElementChild.appendChild(remStyle);
        } else {
            var wrap = doc.createElement("div");
            wrap.appendChild(remStyle);
            doc.write(wrap.innerHTML);
            wrap = null;
        }
        //要等 wiewport 设置好后才能执行 refreshRem，不然 refreshRem 会执行2次；
        refreshRem();

        win.addEventListener("resize", function() {
            clearTimeout(tid); //防止执行两次
            tid = setTimeout(refreshRem, 300);
        }, false);

        win.addEventListener("pageshow", function(e) {
            if (e.persisted) { // 浏览器后退的时候重新计算
                clearTimeout(tid);
                tid = setTimeout(refreshRem, 300);
            }
        }, false);

        if (doc.readyState === "complete") {
            doc.body.style.fontSize = "16px";
        } else {
            doc.addEventListener("DOMContentLoaded", function(e) {
                doc.body.style.fontSize = "16px";
            }, false);
        }
    })(750, 750);
    </script>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <style>
        *{margin:0;padding:0}
        .put_container{min-height: 100vh;position: relative;}
        .put_top{
            padding-top:1rem;
        }
        .wx_icon{
            width:1rem;
            height:0.8rem;
            display: block;
            margin:0 auto 0.3rem;
        }
        .put_promt{font-size:0.3rem;color:#24AA2A;text-align: center;}

        .put_center{
            text-align: center;
            margin-top:1rem;
            color:#333333;
            font-size:0.32rem;
        }
        .put_center h3{font-size:0.88rem;color:#333333;line-height: 1.6;}
        .put_center h3 span{font-size:0.52rem;}
        .put_footer{position: absolute;bottom:1rem;width: 100%;}
        .backBtn{
            width:45%;
            height:0.64rem;
            line-height: 0.64rem;
            color:#9BB298;
            border:2px solid #9BB298;
            border-radius: 0.12rem;
            text-align: center;
            margin:0 auto 0.4rem;
        }
        .put_p{font-size:0.28rem;color:#989898;text-align: center;}
    </style>
</head>
<body>
    <section class="put_container">
        <div class="put_top">
            <img src="__PUBLIC__/images/public/wxzf_.png" class="wx_icon" alt="">
            <p class="put_promt">提现成功</p>
        </div>
        <div class="put_center">
            <p>趣味心理测试</p>
            <h3><span>￥</span><!--{$TXprice}-->.00</h3>
        </div>
        <div class="put_footer">
            <div class="backBtn">完成</div>
            <p class="put_p">提现金额已发送至公众号，可前往领取红包。</p>
        </div>
    </section>
    <script>
        $('.backBtn').on('click',function(){
            WeixinJSBridge.invoke('closeWindow',{},function(res){
            });
        })
    </script>
</body>
</html>